﻿@charset "utf-8";
/* 564379992@qq.com */
* { margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); box-sizing:border-box; -webkit-box-sizing:border-box; 
  }
body { margin: 0px; padding: 0px; font-family: 'Microsoft Yahei'; font-size: 12px; color: #333; min-width:1200px; margin:0 auto;  position: relative; background:#eee; -webkit-text-size-adjust: none;}
html,body{width:100%; height:100%}
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; }
input, textarea, select { color: #666;font-family: 'Microsoft Yahei'; }
i,em { display: inline-block; font-style:normal; }
*:focus { outline: none }
img { border: 0px; max-width:100%; }
ul, li { list-style-type: none; }
a{ color: #333; text-decoration: none; border: none; outline: none;}
a:hover { color: #ff2f25; }
.clear{ clear:both; content:''; height:0px; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.wrap{ width:1200px; margin:0 auto;}

/***顶部***/
.headtop{ height:50px; background:#ff2f25; line-height:50px; color:#fff; font-size:14px; overflow:hidden; }
.headtop img{ vertical-align:middle; margin-right:10px; margin-left:12px;}
.headtop ul{ float:right;}
.headtop ul li{ float:left; }
.headtop ul li a{ color:#fff; display:block;background:url(../img/r.png) no-repeat right 21px; padding:0 12px; padding-right:15px;}
.headtop ul li.last a{ background:none; padding-right:0px;}

/***焦点图***/
.banner{ overflow:hidden; position:relative;}
.banner .bd ul{ height:630px;  }
.banner .bd ul li{ float:left; width:100%; height:630px; }
.banner .bd ul li img{ display:block; width:100%; height:630px;}
.banner .hd { position:absolute; width:100%; text-align:center; bottom:12px; left:0px; z-index:1;}
.banner .hd ul li{ width:12px;  height:12px;  display:inline-block; overflow:hidden; line-height:-999px; cursor:pointer; margin:0 5px; background:rgba(255,255,255,0.3); border-radius:50%;}
.banner .hd ul li.on{ background:#ff2f25;}
.banner .next,.banner .prev{ width:22px; height:38px; position:absolute; cursor:pointer; transition:all 0.5s ease; top:50%; transform:translateY(-50%);}


/***导航***/
.headnav{ overflow:hidden; height:114px; background:#fff;}
.headnav .logo{ float:left; margin-top:23px;}
.headnav ul{ float:right;}
.headnav ul li { float:left; margin-left:35px; height:114px; }
.headnav ul li .nson{ display:none;}
.headnav ul li .a1{ display:block; padding-top:35px; width:80px; position:relative;; font-size:16px; text-align:center;}
.headnav ul li .a1 span{ display:block; font-size:12px; padding-top:5px; transform:scale(0.8);}
.headnav ul li:hover .a1,.headnav ul li .a1.on{ color:#ff2f25; border-bottom:2px solid #ff2f25; padding-bottom:12px;}

/***案例***/
.title{ text-align:center; margin-top:115px;}
.title h2{ font-size:18px; color:#FF2F25; font-weight:normal;}
.title p{ color:#666666; font-family:Arial; font-size:24px;}
.title p.line{ background: #ff2f25; width:25px; height:3px; display:block; margin:12px auto; }

/***服务项目***/
.service{ padding-bottom:100px;}
.service-item{ overflow:hidden; margin-top:50px;}
.service-item li{ float:left; width:20%; text-align:center; padding:20px;}
.service-item li img{ display:block; margin:0 auto;-webkit-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.service-item li a{ display:block; background:#fff; padding:40px 0;  transition:all 0.3s ease; }
.service-item li h3{ font-size:16px; font-weight:normal; padding-top:15px;}
.service-item li p.p1{ color:#999; margin-top:12px;}
.service-item li p.line{background: #eee; width:25px; height:2px; display:block; margin:0 auto; margin-top:25px;}
.service-item li a:hover{ box-shadow:#f5f5f5 0 0 15px; transform:translateY(-10px);}
.service-item li a:hover p.line{ background:#ff2f25; width:50px;}
.service-item li a:hover img{-webkit-filter: grayscale(0);filter: grayscale(0);filter:none;}

/***关于我们***/
.about{ height:540px; overflow:hidden; background:url(../img/about.jpg) no-repeat center top;}
.about .title{ text-align:left;}
.about .title p.line{ margin:12px 0;}
.about .aboutxt{ width:500px; margin-top:30px; line-height:24px; color:#666;}
.more{ display:block; width:120px; height:35px; border-radius:30px; border:1px solid #ff2f25; line-height:35px; color:#ff2f25; font-size:14px;  text-align:center; margin-top:25px;}

/***客户案例***/
.case{ overflow:hidden; padding-bottom:110px;}
.case ul{ margin-top:70px; margin-left:-40px;}
.case ul li{ float:left; width:25%; padding-left:40px;}
.case ul li a{ transition:all 0.3s ease; display:block;}
.case ul li .pic{ overflow:hidden; position:relative;}
.case ul li h3{ font-weight:normal; background:#fff; padding:12px; font-size:14px; text-align:center;}
.case ul li .pic img{ display:block; transition:all 0.3s ease; }
.case ul li .pic i{ width:100%; height:100%; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.4) url(../img/fdj.png) no-repeat center; background-size:0 0; opacity:0; display:block;}
.case ul li a{ display:block;}
.case ul li a:hover{ box-shadow:#f5f5f5 0 0 12px; transform:translateY(-10px)}
.case ul li a:hover img{ transform:scale(1.1);}
.case ul li a:hover .pic i{ opacity:1;background-size:42px  auto;}

/***客户评价***/
.customer{ overflow:hidden; height:547px; background:url(../img/bg2.jpg) no-repeat center top;}
.customer .title{ text-align:left; color:#F98884; }
.customer .title p{ color:#F98884;}
.customer .title p.line{ margin:12px 0; background:#fff;}
.customer .title h2{ color:#fff;}
.customer .cl{ float:left; width:334px; margin-top:53px;}
.customer .cl li{ float:left; width:81px; height:81px; cursor:pointer; position:relative; margin-right:12px; margin-bottom:12px; overflow:hidden;}
.customer .cl li i{ position:absolute; left:0px; top:0px; border:4px solid #333; background:rgba(0,0,0,0.4); display:none; width:100%; height:100%; }
.customer .cl li.on i{ display:block;}
.customer .cline{ height:1px; width:262px; background:#333; float:left; overflow:hidden; margin-top:82px;}
.customer .cr{ float:right; width:490px; background:url(../img/dh.png) no-repeat center top; margin-top:-50px;}
.customer .cr ul{ position:relative; height:300px; overflow:hidden; margin-top:100px;}
.customer .cr ul li{ position:absolute; top:0; width:100%; left:0px; }
.customer .cr ul li h3{ font-weight:normal; font-size:18px; color:#555; line-height:35px; margin-bottom:30px;}
.customer .cr ul li p{ color:#ff2f25;}
.customer .cr ul li p i{ width:45px; height:1px; float:left; background:#ff2f25; overflow:hidden; margin-right:12px; margin-top:9px;}
.customer .cr ul li.on{ top:0px;}

.syui-anim { -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.syui-anim-up { -webkit-animation-name: syui-up; animation-name: syui-up; }
@-webkit-keyframes syui-up {  
  from { top:100%; } to {  top:0; }
}

/***新闻资讯***/
.new{ overflow:hidden; padding-bottom:110px; }
.new ul{ padding-left:-30px; margin-top:50px;}
.new ul li{ float:left; width:33.33333333%; padding-left:30px; }
.new ul li a{ display:block; height:430px;}
.new ul li .pic{ overflow:hidden; position:relative;}
.new ul li .pic img{ display:block; transition:all 0.3s ease; }
.new ul li h2{ font-weight:normal; font-size:16px; margin-bottom:15px; }
.new ul li .note{ padding:12px;}
.new ul li p{ color:#999; line-height:25px;}
.new ul li .mo{ width:139px; height:39px; background:#22252d; text-align:center; line-height:39px; color:#fff; border-radius:4px; display:block; margin-top:18px;}
.new ul li a:hover .pic img{ transform:scale(1.2);}

/***联系我们***/
.map{ height:729px; overflow:hidden; background:url(../img/map.jpg) no-repeat center;}
.map .contact{ background:#fff; border-radius:10px; margin-top:264px; padding:55px 70px; padding-bottom:30px; overflow:hidden;}
.map .contact ul{ float:left; width:337px;} 
.map .contact ul li{ margin-bottom:36px; padding-left:80px;}
.map .contact ul li h3{ font-size:14px;}
.map .contact ul li p{ color:#888; line-height:25px;}
.map .contact ul li.li1{ background:url(../img/c1.png) no-repeat left center;}
.map .contact ul li.li2{ background:url(../img/c2.png) no-repeat left center;}
.map .contact ul li.li3{ background:url(../img/c3.png) no-repeat left center;}
.map .contact ul li.li4{ background:url(../img/c4.png) no-repeat left center;}
.map .contact .book{ float:right; width:601px; border-left:1px solid #ddd; padding-left:82px;}
.map .contact .book h2{ font-weight:normal; font-size:22px; margin-bottom:18px;}
.map .contact .book h2 span{ color:#ff2f25; }
.map .contact .book p { margin-bottom:12px;}
.map .contact .book p .intxt{ border:1px solid #eeee; padding:10px; width:100%; font-size:14px;}
.map .contact .book p .sbtn{ width:156px; height:49px; line-height:49px; border-radius:5px; background:#ff2f25; color:#fff; font-size:14px; border:0px; display:block; margin-top:20px; cursor:pointer;}



/***底部***/
.footer{ background:#111111; padding-top:50px; position:relative; z-index:111;}
.footer dl{ float:left; width:228px; }
.footer dl dt { font-size:18px; display:block; color:#fff;}
.footer dl dt span{ color:#ff2f25;}
.footer dl dd a{ font-size:14px; display:block; line-height:38px; background:url(../img/r1.png) no-repeat left center; padding-left:15px; color:#666;}
.footer dl dd a:hover{ color:#ff2f25;background:url(../img/r1on.png) no-repeat left center;}
.footer dl dd.line{ width:52px; height:1px; background:#ff2f25; overflow:hidden; margin-top:22px; margin-bottom:22px;}
.footer .ewmbox{ float:left;  width:370px; color:#666; font-size:14px;}
.footer .ewmbox .p1{ margin-top:34px; margin-bottom:5px;}
.footer .ewmbox .p2{ padding-left:10px;}
.footer .companyevent{ float:right; width:274px;}
.footer .companyevent h2{font-size:18px; display:block; color:#fff; font-weight:normal; }
.footer .companyevent .line{ width:52px; height:1px; background:#ff2f25; overflow:hidden; margin-top:22px; margin-bottom:22px;}
.footer .companyevent ul li{ float:left; width:80px; height:80px; margin-right:10px; margin-bottom:12px; overflow:hidden;}
.footer .copyright{ border-top:1px solid #292929; text-align:center; font-size:14px; color:#cccccc; height:81px; overflow:hidden; line-height:81px; margin-top:67px;}

/***内页***/
.topimg{height:230px; overflow:hidden;}

/***左菜单***/
.left{ width:280px; float:left; background:#fff; min-height:467px; padding-top:50px;}
.left ul li a{ display:block; height:60px; line-height:60px; font-size:18px; padding:0 20px;	}
.left ul li a:hover{ background-color:#ff2f25; color:#fff;}
.left ul li a.on{ background:#ff2f25; color:#fff;}


.right{ float:right; width:890px; background:#fff; min-height:500px; padding:25px;}
.right .rtit{ height:45px; border-bottom:1px solid #eee; overflow:hidden; line-height:45px;}
.right .rtit h2{ float:left; font-size:18px; font-weight:normal; color:#ff2f25;}
.right .leader{ float:right; color:#bdbdbd; font-size:14px; background:url(../img/home.png) no-repeat left center; background-size:14px auto; padding-left:22px; height:45px; }
.right .leader a{ color:#bdbdbd;}
.right .leader a:hover{ color:#ff2f25;}
.right .leader i{ margin:0 10px; }

/***分页***/
.page{ overflow:hidden; text-align:center; padding:40px 0;}
.page ul li{ display:inline-block;}
.page ul li a,.page ul li span{ padding:10px 15px; background:#fff; display:inline-block; color:#888; margin:0 2px;}
.page ul li.active span{ background:#db082a; color:#fff; border-color:#db082a}
.page ul li:hover a{ background:#db082a; color:#fff;border-color:#db082a}

/***关于我们***/
.about-con1{ background:#fff; padding:100px 0; overflow:hidden;}
.about-con1 .fl{ margin-right:25px;}
.about-con1 .abc{ line-height:26px; font-size:14px;}

.about-con2{ background:#f7f7f7; overflow:hidden; padding-bottom:80px;}
.about-con2 ul{ margin-top:25px;}
.about-con2 ul li{ margin-bottom:25px; text-align:center; }
.about-con2 ul li h2{ font-size:14px; padding-bottom:10px;}
.about-con2 ul li p{ color:#888; font-size:14px;}

.case-item{ overflow:hidden; margin-top:30px; height:319px;}
.case-item .ht{ height:45px; line-height:45px; overflow:hidden; border-bottom:1px solid #eee;}
.case-item .ht h2{ font-size:18px; font-weight:normal; color:#ff2f25; float:left;}
.case-item .ht h2 img{ width:20px; height:20px; float:left; margin-right:12px; margin-top:13px; }
.case-item .ht a{ float:right; color:#999; font-size:14px;}
.case-item .ht a:hover{ color:#db082a;}
.caseslist { margin-left:-12px; margin-top:15px;}
.caseslist li{ float:left; width:33.3333333%; padding-left:12px; margin-bottom:12px;}
.caseslist li a{ display:block; border:1px solid #eee; padding:12px; height:226px; overflow:hidden; position:relative;}
.caseslist li a .pic{ overflow:hidden;}
.caseslist li a img{ display:block; width:273px; height:170px; transition:all 0.5s ease;}
.caseslist li .note{ position:absolute; top:186px; left:0px; width:273px; background:rgba(255,255,255,0.8); left:12px; padding:0 5px; padding-bottom:12px; transition:all 0.4s ease;}
.caseslist li .note h3{ font-size:15px; font-weight:normal; height:35px; line-height:35px; text-align:center;}
.caseslist li .note p{ line-height:22px; color:#666;}
.caseslist li:hover a img{ transform:scale(1.2);}
.pdbox{ padding:20px 0; line-height:26px; color:#555; font-size:14px;}

.caseslist.c2 li{ width:25%;}


.book{ margin:0 auto; width:600px; margin-top:50px;}
.book .intxt{ border:0px; padding:10px; width:100%; font-size:14px; background:#fff; border:1px solid #eee}
.book p{ margin-bottom:18px; overflow:hidden;}
.book .intxt.i1{ float:left; width:48%;}
.book .intxt:hover{ border:1px solid #ff2f25}
.book .intxt.i2{ float:right; width:48%;}
.book .intxt.te{ resize:none; height:100px;}
.book .sbtn{ display:block; border:0px; background:#ff2f25; color:#fff; height:45px; width:120px; cursor:pointer;}
.book .sbtn:hover{ background:#ff2f25; color:#fff;}


/***新闻列表***/
.news-list{ margin-top:30px;}
.news-list li{ padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #eaeaea; height:140px; overflow:hidden;}
.news-list li a{ display:block; background:url(../img/inews_jt.png) no-repeat right; overflow:hidden; }
.news-list li ._date{ float:left; width:9%; background:#f5f5f5; text-align:center; height:110px;font-family:arial; color:#e7463c; }
.news-list li ._date span{ display:block;}
.news-list li ._date ._d1{ font-size:44px;  line-height:46px; padding-top:20px;}
.news-list li ._nr{ float:left; width:77%; margin-left:3%;}
.news-list li ._title{ font-size:17px; font-weight:normal; color:#000; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.news-list li ._tools{ color:#b4b4b4; margin:10px 0;}
.news-list li ._tools .ion{ margin-left:0; background:url(../img/time.png) no-repeat left center; padding-left:20px; display:inline-block; width:15px; height:15px; vertical-align:middle;}
.news-list li ._tools .ion.eye{ background:url(../img/eye.png) no-repeat left center; padding-left:30px; }
.news-list li ._tools  span{ padding-right:15px;}
.news-list li ._sum{ line-height:24px; height:48px; overflow:hidden;color:#565656; }
.news-list li a:hover{ background:url(../img/inews_jton.png) no-repeat right; padding-bottom:10px; }
.news-list li a:hover ._title{ color:#db082a; }
.news-list li a:hover ._date{ background:#db082a; color:#fff; }

.news-list.xg li{ float:left; width:48%;}
.news-list.xg li a{ background:none;}
.news-list.xg li ._nr{ width:auto; margin-left:0px;}
.news-list.xg li:nth-child(2n){ float:right;}

/***文章详情***/
.newtit h1{ font-size:18px;}
.newtit{ border-bottom:1px solid #eee; padding-bottom:12px; padding-top:30px; overflow:hidden;} 
.newtit .titdate{ font-size:14px; color:#888; color:#999; padding-top:10px;}
.newtit .titdate .s1{ float:left; background:url(../img/time.png) no-repeat left center; padding-left:20px;}
.newtit .titdate .s2{ float:left; background:url(../img/eye.png) no-repeat left center; padding-left:25px; margin-left:25px;}
.newtit .titdate .bshare-custom{ float:left; margin:0px !important; line-height:normal !important; margin-top:-3px !important; margin-left:25px !important;}
.newtit .titdate .bshare-custom .bshare-more.more-style-addthis{ font-size:14px; color:#999 !important; background:url(../img/sharee.png) no-repeat left center !important; height:auto !important; padding-left:22px !important; }

.prevnext{ font-size:14px; padding:20px 0; overflow:hidden; color:#999;}
.prevnext .fl{ width:50%; overflow:hidden;}
.prevnext .fr{ overflow:hidden; text-align:right; width:50%;}
.prevnext a{ color:#999; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.prevnext a:hover{ color:#db082a;}
.prevnext .fl a{ padding-right:100px;}

/*悬浮客服*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#db082a url(../img/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#db082a url(../img/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#db082a url(../img/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#db082a url(../img/rightbar.png) no-repeat 0 -169px;}
.hd_qr{ display:block; width:120px; height:120px; margin:0 auto; margin-top:10px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}